<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>-登录</title>

    <!-- 插件样式 -->

    <!-- 自定义样式 -->
    <link rel="stylesheet" href="./assets/css/main.css" />

    <!-- 插件js -->
    <script type="text/javascript" src="./libs/jquery/jqueryv3.3.1.js"></script>
</head>

<body>
    <div id="login">
        <div class="img-box login-bg">
            <img src="./assets/images/login-bg.png" alt="">
        </div>
        <a href="./index.html" class="btn-back">返回首页</a>
        <div class="login-middle">
            <img src="./assets/images/login-text.png" alt="">
            <div class="form-bg">
                <form action="">
                    <h3>用户登入</h3>
                    <div class="input-div ico-user err">
                        <span class="line">|</span><input type="text" placeholder="请输入用户名">
                    </div>
                    <div class="input-div ico-pwd">
                        <span class="line">|</span><input type="password" placeholder="请输入用户名">
                    </div>
                    <div class="input-div ico-code">
                        <span class="line">|</span><input type="text" placeholder="请输入用户名">
                        <img src="./assets/images/demo1.png" class="code-img" alt="">
                    </div>
                    <a href="#" class="btn-default btn-login">登录</a>
                </form>
            </div>

        </div>
    </div>

    <script>
        // 设置背景图片
        function setBg() {
            var wHeight = $(window).height();
            $('.login-bg').css('padding-top', wHeight + 'px');
        }
        setBg();

    </script>
</body>

</html>